{% extends '@WebsiteBundle/layout/baselayout.html.twig' %}
{% block body_javascript %}
	{{ parent() }}
	<script>
		var app_glob_sendCaptcha = "{{ path('app_glob_sendCaptcha') }}";
	</script>
	{{ encore_entry_script_tags('website_use_changemobilesecond') }}
{% endblock %}

{% block head_stylesheets %}
	{{ parent() }}
	{{ encore_entry_link_tags('website_user_changemobilesecond') }}
{% endblock %}

{% block body_main %}
	{{ parent() }}
	<div class="page">
		{{ render(path('app_header', {"route":route})) }}
		<div class="page-wrapper">
			<div class="page-body">
				<div class="container-xl">
					<div class="row row-deck row-cards">
						<div class="col-lg-2">
							{{ render(path('app_user_userNav', {route:route})) }}
						</div>
						<div class="col-lg-10">
							<div class="card">
								<div class="card-body">
									<form class="ajaxform  mt-3" method="post" action="{{ path('app_user_changeMobile_do') }}" novalidate>
										<div class="row row-deck row-cards">
											<div class="col-lg-12 p-3">
												<div class="steps steps-counter">
													<a href="javascript:;" class="step-item">
														第一步-验证旧手机号码
													</a>
													<a href="javascript:;" class="step-item active">
														第二步-修改新手机号码
													</a>
												</div>
											</div>
											<div class="col-lg-12 p-3">
												<input type="text" name="mobile" id="smsmobile" autocomplete="off" placeholder="请输入新手机号码" class="form-control" value=""/>
											</div>
											<div class="col-lg-12">
												<div class="d-flex flex-row">
													<div class="p-2"><input autocomplete="off" class="form-control" type="text" name="imgCode" id="imgCode" placeholder="图片验证码"></div>
													<div class="p-2"><img src="{{ path('app_glob_recaptcha', {type:'changeMobile'}) }}" style="height:32px;" id="recaptcha_sms" alt="点击图片更换验证码"></div>
												</div>
											</div>
											<div class="col-lg-12">
												<div class="d-flex flex-row">
													<div class="p-2"><input type="text" name="code" value="" placeholder="短信验证码" autocomplete="off" class="form-control"/></div>
													<div class="p-2">
														<a href="javascript:;" class="btn btn-primary btn-sm mt-2" id="smssend">点击发送短信验证码</a>
													</div>
												</div>
											</div>
											<div class="col-lg-12">
												<input type="hidden" name="imgType" class="imgType" id="imgType" value="changeMobile">
												<button type="submit" class="btn btn-primary">提交</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}
